/*

    精选展会


 */


.layout {
  background: url("../images/exhibition/exhibition-back.png");

  /* 头部 */

  .head {
    background: url("../images/exhibition/head_back.png") no-repeat center center;
    background-size: contain;
    height: 3.01rem;
    padding-top: 0.15rem;
    position: relative;

    span {
      &:nth-of-type(1) {
        color: #fff;
      }

      &:nth-of-type(2) {
        color: #fff;
        transform: rotate(-90deg);
      }
    }

    h1 {
      width: 1.37rem;
      height: 0.34rem;
      margin: 0 auto;
      margin-top: 0.09rem;

      a {
        display: block;
        width: 100%;

        img {
          display: block;
          width: 100%;
        }
      }
    }
  }

  /* 文章 */

  article {
    width: 3.385rem;
    margin: 0.2rem auto;
    height: 1.765rem;
    background-color: #fff7d3;
    box-shadow: 0 13px 10px 1px rgba(224, 185, 144, 0.2);
    border-radius: 0.1rem;
  }

  /* 往期展会 */

  .past {
    margin-top: 0.22rem;

    .past-title {
      height: 0.105rem;
      text-align: center;
      font-size: 11px;
      color: #666;
      margin-bottom: 0.15rem;
      position: relative;
      background: url("../images/exhibition/past_title_back.png") no-repeat center center;
      background-size: contain;

      &:after {
        content: "";

      }
    }

    .past-cont {
      width: 3.385rem;
      margin: 0 auto;
      height: 1.765rem;
      background-color: #fff7d3;
      box-shadow: 0 13px 10px 1px rgba(224, 185, 144, 0.2);
      border-radius: 0.1rem;
      margin-bottom: 0.19rem;
    }
  }


  /* 底部联系 */

  .bottom-concact {
    width: 100%;
    height: 0.5rem;
    background-color: #ff870e;
    position: relative;
    overflow: hidden;

    &::after {
      content: "";
      width: 1px;
      height: 100%;
      position: absolute;
      background: url("../images/exhibition/bottom_concact_line.png") no-repeat center center;
      background-size: cover;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
    }

    a {
      display: block;
      width: 50%;
      height: 100%;
      text-align: center;
      color: #fff;
      line-height: 0.5rem;
      &:nth-of-type(1) {

      }

      &:nth-of-type(2) {

      }
    }
  }


}
